/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    左侧设备    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecureOverview-LeftDevice .full {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  /* ============================== 标题 ============================== */
  > .flexCC:first-child {
    height: 15%;
    border-radius: 2px;
    color: #16bbff;
    background: rgba(22, 187, 255, 0.18);

    > span:nth-child(1) {
      width: 2vw;
    }

    > span:nth-child(6) {
      width: 1vw;
    }
  }

  /* ============================== 表格 ============================== */
  > .flexCC:not(:first-child) {
    height: 16%;
    border-radius: 2px;
    border: 1px solid rgba(48, 186, 250, 0.7);
    border-radius: 2px;
    background: rgba(0, 96, 141, 0.25);

    > span:nth-child(1) {
      width: 2vw;
      justify-content: flex-end;

      svg {
        height: 18px;
      }

      path {
        fill: var(--White);
        stroke: var(--White);
      }
    }

    > span:nth-child(2) {
      span {
        position: absolute;
        max-width: 90%;
      }
    }

    > span:nth-child(3) {
      color: #00db90;
    }

    > span:nth-child(4) {
      color: #888888;
    }

    > span:nth-child(5) {
      color: #ff4a32;
    }

    > span:nth-child(6) {
      width: 1vw;
    }
  }
}
